<template>
 <div>
    <button class="btn" @click="dialogVisible=true">弹出框</button>
<my-Dialog title='不确定的标题' width="50%" :visible="dialogVisible" @del_dialog="del_dialog">
    <span>
        123
    </span>

</my-Dialog>
 </div>
</template>

<script>
import myDialog from '@/components/Dialog/index.vue';
export default {
 props: {

 },
 data() {
 return {
    dialogVisible:false,
 };
 },
 computed: {

 },
 created() {

 },
 mounted() {

 },
 watch: {

 },
 methods: {
    del_dialog(val){
        this.dialogVisible = val
    }
 },
 components: {
myDialog
 },
};
</script>

<style scoped lang="scss">
 .btn{
        width: 80px;
        height: 40px;
       
    }
</style>
